<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>七颗牙学堂</title>

    <link href="../css/common.css" rel="stylesheet" type="text/css">
    <link href="../css/layer.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../js/common.js"></script>
    <script src="../js/comment.js"></script>
</head>
<style>
    body,
    html {
        width: 7.5rem;
    }
    
    .showerimg {
        width: 7.5rem;
        height: 13.34rem;
        background: url('img/zs.jpg') no-repeat 100%;
        background-size: 100% 100%;
    }
    
    .allname {
        padding-top: 4.4rem;
        padding-left: 1.6rem;
        overflow: hidden;
    }
    
    .name {
        width: 1.5rem;
        text-align: center;
        color: #373737;
        font-size: .34rem;
        letter-spacing: 0.01rem;
        font-weight: 600;
        /* font-family: "STKaiti"; */
        opacity: 0.96;
    }
    
    .showerViplo {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, .2);
        z-index: 9999;
        top: 0;
    }
    
    .loadmoreshowerVip {
        width: 3rem;
        height: 3rem;
        background: rgba(0, 0, 0, 0);
        margin: 4rem auto 0;
        /* display: none; */
    }
    
    .loadmoreshowerVip img {
        width: 80%;
        height: 80%;
        margin: auto;
        display: block;
    }
</style>

<body>
    <div id='app'>
        <div class="showerimg">
            <div class='allname'>
                <p class="name">{{name}}</p>
            </div>
        </div>


    </div>

    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/vue.js"></script>
    <script type="text/javascript" src="../js/vue-router.js"></script>
    <script type="text/javascript" src="../js/layer.js"></script>
    <script type="text/javascript" src="../js/base64.js"></script>
    <script type="text/javascript">
        var app2 = new Vue({
            el: '#app ',
            data: {
                name: '',
            },
            methods: {
                GetQueryString(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) return unescape(r[2]);
                    return null;
                }
            },
            mounted() {
                var that = this;
                that.name = Base64.decode(this.GetQueryString('truename'));
            }
        })
    </script>
</body>

</html>